﻿@{
    ViewBag.Title = "Home Page";
}
<div>
    <div>
        <h1 id="MainHeading">@*Website sharing videos, photos, documentations, pressrelease, financial statements*@</h1>

        <div id="DateAvailableFrom">
            <span>@DateTime.Now</span>
        </div>
        <div id="SearchContainer">
            <input id="SearchBox" class="InputBox" maxlength="250" value="Search" />
            <span id="FromCalendarContrainer"><span id="FromCalendarImage" class="DateSelection">
                <input id="FromCalendarInput" class="InputBox DateSelection-InputBox" value="From" /><img src="@Url.Content("~/Content/images/cal.png")" class="DateSelection-Icon" /></span></span>
            <span id="ToCalendarImage" class="DateSelection">
                <input id="ToCalendarInput" class="InputBox DateSelection-InputBox" value="To" /><img src="@Url.Content("~/Content/images/cal.png")" class="DateSelection-Icon" /></span>
            <button id="SearchButton" class="euButton">Search</button>
        </div>
        <div id="ErrorContainer" style="display: none;">
            <a id="ErrorMessageCloseButton" href="javascript:;">
                <img src="@Url.Content("~/Content/images/cancel_round.png")" /></a>
        </div>
        <table id="Periods">
            <tr>
                <td id="CurrentPeriodContainer"><span id="CurrentPeriod"></span>&nbsp;</td>
                <td id="YearPeriodsContainer">
                    <a class="Periods-YearPeriod" href="javascript:;">@DateTime.Now.Date.Year</a>@Html.Raw("&nbsp;")
                </td>
            </tr>
        </table>
        <div id="TotalContainer">Có tổng số: <span id="TotalNr"></span>&nbsp;bản ghi</div>
        <div id="Tabs">
            <ul class="Tabs">
                <li class="Tabs-Tab All">
                    <a id="AllSelector" class="Tabs-Tab-Container selected" href="javascript:;" role="FinanceReport" sourcecode="FinanceReport">Báo cáo tài chính</a>
                </li>
                <li class="Tabs-Tab" id="liInsiders">
                    <a id="InsidersSelector" class="Tabs-Tab-Container" href="javascript:;" role="SocialNetwork-Video" sourcecode="SocialNetwork">Video clips</a>
                </li>
                <li class="Tabs-Tab" id="liByType">
                    <a id="ByTypeSelector" class="Tabs-Tab-Container" href="javascript:;" role="SocialNetwork-Photo" sourcecode="SocialNetwork">Hình ảnh</a>
                </li>
            </ul>
        </div>
        <div style="display: none;" id="SearchFilter">
            <button class="euButton">Clear search</button>
        </div>
        <div id="Types"></div>
    </div>
    <div id="SortingContainer">
        <div class="SortingContainer-NewsColumn ColumnLayoutColumn">
            <div class="NewsColumn-Container">
                <a href="javascript:;">Release<img id="SortReleaseArrow" class="SortingArrowIcon" src="@Url.Content("~/Content/images/Down.png")" /></a>
            </div>
        </div>
        <div class="SortingContainer-InstrumentChangeColumn ColumnLayoutColumn Change-Column">
            <div class="ComparisonChangeColumn-Container">
                <a href="javascript:;">
                    <img id="SortImageArrow" style="display: none;" class="SortingArrowIcon" src="@Url.Content("~/Content/images/Up.png")" />
                </a>
            </div>
        </div>
        <div class="SortingContainer-InstrumentChangeColumn ColumnLayoutColumn Change-Column">
            <div class="ComparisonChangeColumn-Container">
                <a href="javascript:;">
                    <img id="SortVideoArrow" style="display: none;" class="SortingArrowIcon" src="@Url.Content("~/Content/images/Up.png")" />
                </a>
            </div>
        </div>
    </div>
    <div id="PageFlickContainer" class="display-none">
        <div id="PressReleases"></div>
        <div id="PagesContainer"></div>
    </div>
    <div id="PageVideoContainer" class="display-none">
        <div id="VideoReleases"></div>
        <div id="PagesVideoContainer"></div>
    </div>
    <div id="PagePhotoContainer" class="display-none">
        <div id="PhotoReleases"></div>
        <div id="PagesPhotoContainer"></div>
    </div>
    <div id="Chart">
    </div>
</div>
<img id="Loader" style="display: none;" src="@Url.Content("~/Content/images/loader.gif")" />

